<template>
  <div id="app">
    <UserInfo :username="username" :age="age" :isSingle="isSingle" :car="car" :hobby="hobby"></UserInfo>
  </div>
</template>

<script>
import UserInfo from './components/UserInfo.vue'
export default {
  data() {
    return {
      username: '小帅',
      age: 28,
      isSingle: true,
      car: {
        brand: '奔驰',
      },
      hobby: ['篮球', '足球'],
    }
  },
  components: {
    UserInfo
  }
}
</script>

<style>
</style>
